<template>
    <div>
        <el-row type="flex" justify="center">
            <el-col :span="24">
                <el-row class="top">
                    <img src="../../assets/frontdesk/images/about.png" alt="">
                </el-row>

                <el-row>
                    <ul class="pics">
                        <li><a href="#">
                            <img src="../../assets/frontdesk/images/weibo.png" alt="">
                            <p>小牛说事微博</p>
                            </a>
                            </li>
                        <li><a href="#">
                            <img src="../../assets/frontdesk/images/weibo.png" alt="    ">
                            <p>小牛说事微博</p>
                            </a>
                            </li>
                        <li><a href="#">
                            <img src="../../assets/frontdesk/images/weibo.png" alt="    ">
                            <p>小牛说事微博</p>
                            </a>
                            </li>
                    </ul>
                </el-row>
            </el-col>
            
        </el-row>
    </div>
</template>

<style scoped>
*{
    margin: 0%;padding: 0%;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.top img{
    display: inline-block;
    width: 40%;
    margin: 10px 30%;
}
.pics{
    margin-top: 10px;
}
.pics li{
    float: left;
    width: 30%;
    margin: 1.3%;
    border: 1px solid rgb(179, 179, 179);
};
.pics li>a{
    text-align: center;
    display: inline-block;
    
    
}
.pics li>a>p{
    text-align: center;
display: inline-block;
width: 100%;
background-color: rgb(58, 71, 124);
color: #fff;
}
.pics img{
    width: 80%;
    padding: 10%;
}
</style>